<!-- banner -->
	<div class="banner1">
		<div class="container">
			<div class="header-nav">
				<nav class="navbar navbar-default">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
					  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					  </button>
						<div class="logo">
							<a class="navbar-brand" href="index.html">Deliccio <span>Healthy And Tasty Food</span></a>
						</div>
					</div>

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
					  <ul class="nav navbar-nav">
						<li class="active"><a href="{:url('index/index')}">首页</a></li>
						<li><a href="typo">饮食小常识</a></li>
						<li><a href="{:url('index/menu')}">美食菜单</a></li>
						<li><a href="contact">饭后消遣</a></li>
						<li><a href="{:url('user/register')}">注册</a></li>
						<li><a href="{:url('user/login')}">登录</a></li>
					  </ul>
					</div><!-- /.navbar-collapse -->
				</nav>
			</div>
		</div>
	</div>
<!-- //banner -->
<script src="/static/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
	$(function () {
		$('li').click(function () {
			$(this).addClass('active').siblings('li').removeClass('active');
			var index = $(this).index('li');
		});
	});
</script>